require('../css/register.less')

window.onload = function () {
    // 获取dom元素
    let a = document.querySelector('.register')
    let tel = document.querySelector('.user input')
    let yan = document.querySelector('.yan input')
    let pwd = document.querySelector('.password input')
    let pwds = document.querySelector('.passwords input')
    let btn = document.querySelector('.btn>button')
    a.addEventListener('click', function () {
        location.href = 'login.html'
    })
    let cap = ''
    let captcha1 = new CaptchaMini();
    let captcha = document.querySelector('#captcha1')
    captcha1.draw(captcha, r => {
        cap = r
    });
    btn.addEventListener('click', function () {
        // 判断非空验证
        if (!(tel.value, yan.value, pwd.value, pwds.value)) {
            // alert('输入的内容不能为空！！！')
            common.toast('输入的内容不能为空！', false)
            return;
        }

        // 手机号正则表达式
        let pattern = /^1[3-9]\d{9}$/
        if (!pattern.test(tel.value)) {
            // alert('手机号输入有误')
            common.toast('手机号输入有误！', false)
            return;
        }

        // 判断验证码
        if (yan.value.toLocaleLowerCase() != cap.toLocaleLowerCase()) {
            // alert('验证码错误！！！')
            common.toast('验证码错误！', false)
            return;
        }

        // 密码的正则表达式
        let pwdpatten = /^[A-Z]\w{5,12}$/
        if (!pwdpatten.test(pwd.value)) {
            // alert('密码不符合要求！！！')
            common.toast('密码不符合要求！', false)
            return;

        }

        // 判断两次密码是否一致
        if (pwd.value != pwds.value) {
            // alert('两次密码输入不一致！！！')
            common.toast('两次密码输入不一致！', false)
            return;
        }

        // 接口上传数据
        register()
    })

    // 注册接口的函数
    function register() {
        axios.post(
            '/api/user/register',
            {
                account: tel.value,
                password: pwd.value
            }
        ).then(function (res) {
            if (res.data.errno == 0) {
                // alert('注册成功！！！')
                common.toast('注册成功！', true)
                setTimeout(function () {
                    location.href = 'login.html'
                }, 2000)

            } else {
                // alert(res.data.message)
                common.toast(res.data.message, false)
            }
        })
    }
}


